<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /* 
        js基础语法， DOM  BOM
        Dom : 文档对象类型 Document Object Model
                系统提供了一些接口，可以动态滴改变网页的样式和内容
        DOM树：
          文档：document, 一个网页就是一个文档
          元素：element 网页中的所有标签
          节点：node网页中所有的内容   比如：标签、属性、文本、注释

        */

        /* 
        getElementById:
            输入： id
            处理：获取元素id
            输出：对象

        总结：
        1.id对大小写敏感
        2.返回值是一个对象
        3，小驼峰
        4，script 书写顺序
        */
        let div = document.getElementById('time');
        console.log(div);
        console.dir(div);
        console.log(typeof div);

    </script>
</body>

</html>